<template>
	<view class="beijingse">
		<view class="ffffff">
			<u-tabs :list="list1" lineColor="#2361FF" @click="changetab" :current="current" :activeStyle="{
				    color: '#333333',
				    fontWeight: 'bold',
				    transform: 'scale(1.05)'
				}" :inactiveStyle="{
				            color: '#999999',
							fontWeight: '500',
				            transform: 'scale(1)'
				        }" itemStyle="padding-left: 16px; padding-right: 16px; height: 44px;"></u-tabs>
		</view>
		<view class="mainpadding">
			<view class="shangbj radius ffffff mainpadding" v-for="item in 3" @click="tzckdd">
				<view class="flexbetween">
					<view class="strongtext xiaohei">订单编号：1548642154841234</view>
					<view class="strongtext xiaolan">待付款</view>
				</view>
				<view class="flextop margin_top">
					<image class="sptup" src="../static/image/system/zybjt.png" mode=""></image>
					<view class="" style="width: 69%;">
						<view class="flexbetween">
							<view class="ershiba fonweight xiaohei yhxk">洋河 海之蓝 绵柔浓香...</view>
							<view class="strongtext fonweight xiaohei">￥380.00</view>
						</view>
						<view class="flexbetween margin_top1">
							<view class="ershiba xiaohui yhxk">42度 480ml2瓶...</view>
							<view class="ershiba xiaohui">×1</view>
						</view>
					</view>
				</view>
				<view class="strongtext xiaohei fonweight margin_top2 textright">需付款
					<text class="sanshier xiaohei fonweight">￥380.00</text>
				</view>
				<view class="flexright margin_top">
					<view class="bkbtn flexcenter margin_right2">取消订单</view>
					<!-- <view class="bkbtn flexcenter margin_right2">删除订单</view>
					<view class="lanbtn flexcenter margin_right2">立即付款</view>
					<view class="lanbtn flexcenter margin_right2">确认收货</view> -->
					<view class="lanbtn flexcenter margin_right2">立即评价</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1: [{
						name: '全部',
						value: "",
					},
					{
						name: '待付款',
						value: 0,
					}, {
						name: '待发货',
						value: 1,
					},
					{
						name: '待收货',
						value: 2,
					},
					{
						name: '待评价',
						value: 4,
					}
				],
				current: 0,
				resultcode: "",
			}
		},
		methods: {
			// 跳转订单详情
			tzckdd(){
				uni.navigateTo({
					url:'/pages_mypage/dingdanxq'
				})
			},
			changetab(e) {
				console.log(e, 999)
				this.resultcode = e.value
			},
		}
	}
</script>

<style lang="scss" scoped>
	.lanbtn{
		width: 193rpx;
		height: 68rpx;
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		background-color: #2361FF;
		border: 1rpx solid #2361FF;
	}
	.bkbtn{
		width: 193rpx;
		height: 68rpx;
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #7A7C94;
		border: 1rpx solid #B5BFDA;
	}
	.sptup{
		width: 176rpx;
		height: 176rpx;
		border-radius: 20rpx;
	}
	.shangbj {
		margin-top: 30rpx;
	}

	.shangbj:first-child {
		margin-top: 0rpx;
	}
</style>